<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://struts.apache.org/tags-html-el" prefix="html-el" %>
<%@taglib uri="http://struts.apache.org/tags-bean-el" prefix="bean-el" %>
<%@taglib uri="http://struts.apache.org/tags-logic-el" prefix="logic-el" %>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@taglib uri="/WEB-INF/tld/application.tld" prefix="app" %>

<html-el:form action="/cadastroEntidade.do">
	<html-el:hidden property="method" styleId="method"/>
	<table style="width:100%">
		<tr>
			<td align="center" valign="top" width="100%">
				<table style="width:1100px">
					<tr>
						<td>
							<table cellpadding="1" cellspacing="4" bgcolor="#FAFAF5" style="width:100%;border:1px gray solid;border-bottom:0px">
								<tr>
									<td><b>Cadastro de Entidade - Associar Doador</b></td>
								</tr>
							</table>				
							<table cellpadding="1" cellspacing="4" bgcolor="#FAFAF5" style="width:100%;border:1px gray solid">
								<tr>
									<td style="padding-left: 10px">
										<html-el:checkbox property="mostrarAssociacao" value="1" onclick="visualizarTodos()"/> Visualizar Todos
									</td>
								</tr>
								<logic-el:present name="doadores" scope="request">
									<tr>
										<td style="width:100%;padding:10px;vertical-align:top">
											<div style="width:100%;height:550px;overflow-x:auto;">
												<table cellpadding="0" cellspacing="1" style="width:100%;">
													<tr>
														<th align="center" class="tbResultadoConsultaHeader" colspan="2"></th>
														<logic-el:iterate id="entidade" name="entidades" scope="request" indexId="i">
															<th align="center" class="tbResultadoConsultaHeader" title="${entidade.cnpj}">${entidade.razaoSocial}</th>
														</logic-el:iterate>														
													</tr>
													<logic-el:iterate id="doador" name="doadores" scope="request" indexId="d">
														<tr class='tbResultadoConsultaLinha${d%2}'> 
															<td align="left" class="tbResultadoConsultaInfo" style="width:140px">${doador.cnpj}</td>
															<td align="left" class="tbResultadoConsultaInfo">${doador.razaoSocial}</td>
															<logic-el:iterate id="entidade" name="entidades" scope="request">
																<td align="center" class="tbResultadoConsultaInfo">
																	<input type="radio" name="idSelecionado${doador.codigo}" title="${entidade.razaoSocial}" value="${entidade.codigo}#${doador.codigo}" onclick="associarDoador(this)"
																		<logic-el:iterate id="associado" name="entidade" property="doadores">
																			<logic:equal name="doador" property="codigo" value="${associado.codigo}">
																				checked
																			</logic:equal>
																		</logic-el:iterate>																		
																	/>
																</td>																
															</logic-el:iterate>		
														</tr>
													</logic-el:iterate>
													<html-el:hidden property="idSelecionado"/>
												</table>	
											</div>							
										</td>
									</tr>										
								</logic-el:present>
							</table> 
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</html-el:form>
<script language="javascript">
	function associarDoador(field) {
		require(["dojo/_base/lang", "dojo/_base/xhr"], function(lang, xhr) {
			xhr.post({
		        url: "cadastroEntidade.do?method=associarDoador",
		        timeout: 3000,
		        handleAs: "json",
		        content: {associar:field.value},
		        load: function(data) {
					
		        },
				error: function(data) {
					showAlertMessage("Erro ao realizar está operação! Tente novamente!");
		        }
		    });
		});
	}
	
	function visualizarTodos() {
		document.forms[0].submit();
	}
	
</script>
